<script language='javascript' type='text/javascript' src="<?=base_url('get_images')?>scripts/get_image.js"></script>
<?if(get_flash_message()){?><center><div class="messageBox"><?=get_flash_message()?></div></center><?}?>
<form method="post" action="<?=site_url('admin/get_images.get_images')?>" name="frm_get_image" id="frm_get_image">

<table width="100%" border="0" align="center" cellpadding="1" cellspacing="1" class="text">
  <tr align="center" id="listTableHeader"> 
    <td colspan="2">Image Property</td>
  </tr>
 <tr>
 	<td colspan="2">URL</td>
 </tr>
 <tr>
 	<td width="51%"><input type="text" name="url" size="40" id="url"/></td>
	<td width="49%"><input type="button" value="Browse Server" style="cursor:pointer" onclick="return get_image.browse_server()"/></td>
 </tr>
 <tr>
 	<td colspan="2">Alternative Text</td>
 </tr>
 <tr>
 	<td colspan="2"><input type="text" name="alter_text" size="60" onchange="return get_image.change_property('alt',this.value)"/></td>
 </tr>
 <tr>
 	<td colspan="2">&nbsp;</td>
 </tr>
 <tr>
   <td colspan="2">
	  <table border="0" cellpadding="1" cellspacing="1">
	    <tr>
			<td>
				<table border="0" cellpadding="0" cellspacing="0" class="text">
					<tr>
						<td>Width&nbsp;</td>
						<td><input type="text" name="width" size="3" onchange="return get_image.change_property('width',this.value)"/></td>
					</tr>
					<tr>
						<td>Height&nbsp;</td>
						<td><input type="text" name="height" size="3" onchange="return get_image.change_property('height',this.value)"/></td>
					</tr>
					<tr>
						<td>Border&nbsp;</td>
						<td><input type="text" name="border" size="3" onchange="return get_image.change_property('border',this.value)"/></td>
					</tr>
					<tr>
						<td colspan="2">&nbsp;</td>
					</tr>
					<tr>
						<td>HSpace&nbsp;</td>
						<td><input type="text" name="hspace" size="3" onchange="return get_image.change_property('hspace',this.value)"/></td>
					</tr>
					<tr>
						<td>VSpace&nbsp;</td>
						<td><input type="text" name="vspace" size="3" onchange="return get_image.change_property('vspace',this.value)"/></td>
					</tr>
					<tr>
						<td>Align&nbsp;</td>
						<td>
							<select name="align" onchange="return get_image.change_property('align',this.value)">
								<option value="left">Left</option>
								<option value="center">Center</option>
								<option value="right">Right</option>
							</select>
						</td>
					</tr>
				</table>
			</td>			
			<td align="left" valign="top">
				<table border="0" cellpadding="0" cellspacing="0" class="text">
					<tr>
						<td valign="top">Preview&nbsp;</td>
					</tr>
					<tr>
						<td>
						<div id="preview" style="overflow:scroll;width:250px;height:200px">
						<img id="image_pre" src="" alt=""/>
						</div>
						</td>
					</tr>
				</table>
			</td>
	   </tr>
	 </table>
	</td>
 </tr>
 <tr>
 	<td colspan="2" align="right">
		<input type="button" value="Ok" name="ok" size="20" onclick="return get_image.ok_Click()"/>
	</td>
 </tr>
  
</table>
</form>